<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文档操作-替换与克隆</title>

<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>

<script type="text/javascript">

	$(function(){
		//将 id=d1中的第一个p来克隆一份来替换 id=d2的div中的第二个span
		
		//1.得到div的id=d1的第一个p的克隆
		$("#d1 p:first").click(function(){alert("ppppp");}); //给p注册事件
		$("a").mouseover(function(){alert("aaaaaa")}); //给超连接添加了mouseover
		var cp=$("#d1 p:first").clone(false,true);
		//clone第一个参数为true,代表它的事件也会被克隆  为false不会克隆事件
		//clone第二个参数为true 代表子元素的事件也被克隆  为false,代表子元素的事件不被克隆 (注意：父元素的事件克隆需要为true)
		
		//2.将到id=d2的div中第二个span使用cp替换
		
		//$("#d2 span:last").replaceWith(cp);
		cp.replaceAll($("#d2 span:last"));
		
	});	
</script>
</head>
<body>

	<div id="d1">
		<p>
			<a>p1</a>
		</p>
		<p>p2</p>
	</div>
	<div id="d2">
		<span>span1</span>
		<span>span2</span>
	</div>
</body>
</html>